<?php foreach($articleItems as $item) { ?>
<div class="col-md-6">
    <div class="profile-item">
        <a class="ava" href="<?php echo base_url()."thanh-vien/".$item->slug."-".$item->id?>"><?php if($item->image != NULL) { ?>
            <img class="img-responsive img-thumbnail" src="<?php echo base_url()."assets/images/avatar/".$item->image; ?>" alt="<?php echo $item->username; ?>" />
            <?php } else { ?>
            <img class="img-responsive img-thumbnail" src="<?php echo base_url() ?>assets/images/no-avatar.jpg" alt="<?php echo $item->username; ?>" />
            <?php } ?>
        </a>
        <div class="profile-info">
            <h3><?php echo $item->username ?></h3>
            <ul>
                <li><strong>Skill:</strong> <?php echo $item->skill ?></li>
                <li><strong>Tel/Viber:</strong> <?php echo $item->tel_viber ?></li>
                <li><strong>Email:</strong> <?php echo $item->email ?></li>
                <li style="word-wrap: break-word;"><strong>Facebook:</strong> <?php echo $item->facebook ?></li>
            </ul>
            <a href="<?php echo base_url()."thanh-vien/".$item->slug."-".$item->id?>" class="btn-details btn-profile-detail">Chi tiết</a>
        </div>
    </div>
</div>
<?php } ?>
<script>

    $("#searchMember").click(function() {
        var key = $(txtKeyword).val();
        var area = $(cmbArea).val();
        var city = $(cmbCity).val();
        var AJAX_POST_URL = _base_url + "thanh-vien/member-search";
        console.log(key);
        console.log(area);
        console.log(city);

        $.ajax({
           url: AJAX_POST_URL,
           type: "POST",
           data: {
               key: key,
               area: area,
               city: city
           },
           success: function(html)
           {   
               $('#member-item').html(html);
               $('#paging').html('');
           }
       });  

        return false;
    });

</script>